<template>
  <div>
    <h1>film</h1>
  </div>
</template>

<script>
//简化  一
//加到main文件中vue的原型上，到时候可以直接作为vue方法使用
// import axios from 'axios'

//export的导出方式，在引入时候必须解构赋值方式
import { filmListUri } from "../../config/uri";

export default {
  data() {
    return {
      page: 1,
    };
  },
async  mounted() {
    //利用字符串拼接，让接口地址和页数拼接一起
    let url = filmListUri + this.page;
     //还可以使用saync对如下进行简化
    // this.$axios.get(url).then((ret) => {
    //   console.log(ret);
    // });
  let data= await this.$axios.get(url)
  console.log(data)
  },
};

//简化  二
//使用axios.defaults.baseURL，将公共域名封装到main
// let url="https://m.maizuo.com/gateway?cityId=110100&pageNum=1&pageSize=10&type=1&k=5911233"

//$没有特殊意义，这里指的是vue原型上的方法，以示区分

//简化  三
//由于使用拦截器，这部分被简化
// this.$axios.get(url,{
//   headers:{
//     "X-Client-Info":'{"a":"3000","ch":"1002","v":"5.0.4","e":"16021405682726874736230415","bc":"110100"}',
//      "X-Host":'mall.film-ticket.film.list'
//   }
// }).then(ret=>{
//   console.log(ret)
// })

//简化  四
//网页到时候很多，在更新时候需要每个网页找下url,不利于维护，因此专门创建config配置文件统一存放
// let url="/gateway?cityId=110100&pageNum=1&pageSize=10&type=1&k=5911233"
//$没有特殊意义，这里指的是vue原型上的方法，以示区分
</script>

<style>
</style>